﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Untitled Page</title>

    
    <script src="js/jquery.min.js" type="text/javascript"></script>
    <script src="fancybox/jquery.mousewheel-3.0.4.pack.js" type="text/javascript"></script>

    <script src="fancybox/jquery.fancybox-1.3.4.pack.js" type="text/javascript"></script>

    <script src="fancybox/jquery.fancybox-1.3.4.js" type="text/javascript"></script>

    <link href="fancybox/jquery.fancybox-1.3.4.css" rel="stylesheet" type="text/css" />

    <script src="fancybox/jquery.easing-1.3.pack.js" type="text/javascript"></script>

<script type="text/javascript">
    $(document).ready(function() {
        /*
        *   Examples - images
        */

        $("a#example1").fancybox();

        $("a#example2").fancybox({
            'overlayShow': false,
            'transitionIn': 'elastic',
            'transitionOut': 'elastic'
        });

        $("a#example3").fancybox({
            'transitionIn': 'none',
            'transitionOut': 'none'
        });

        $("a#example4").fancybox({
            'opacity': true,
            'overlayShow': false,
            'transitionIn': 'elastic',
            'transitionOut': 'none'
        });

        $("a#example5").fancybox();

        $("a#example6").fancybox({
            'titlePosition': 'outside',
            'overlayColor': '#000',
            'overlayOpacity': 0.9
        });

        $("a#example7").fancybox({
            'titlePosition': 'inside'
        });

        $("a#example8").fancybox({
            'titlePosition': 'over'
        });

        $("a[rel=example_group]").fancybox({
            'transitionIn': 'none',
            'transitionOut': 'none',
            'titlePosition': 'over',
            'titleFormat': function(title, currentArray, currentIndex, currentOpts) {
                return '<span id="fancybox-title-over">Image ' + (currentIndex + 1) + ' / ' + currentArray.length + (title.length ? ' &nbsp; ' + title : '') + '</span>';
            }
        });

        /*
        *   Examples - various
        */

        $("#various1").fancybox({
            'titlePosition': 'inside',
            'transitionIn': 'none',
            'transitionOut': 'none'
        });

        $("#various2").fancybox();

        $("#various3").fancybox({
            'width': '70%',
            'height': '75%',
            'autoScale': false,
            'transitionIn': 'none',
            'transitionOut': 'none',
            'type': 'iframe'
        });

        $("#various4").fancybox({
            'padding': 0,
            'autoScale': false,
            'transitionIn': 'none',
            'transitionOut': 'none'
        });
    });
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <a rel="lightbox-mygallery" title="Room No. 4" href="images/prod/hinh1.jpg">
            <img src="images/prod/hinh1.jpg" alt="" class="scale-with-grid" /></a>
    </div>
    
    <asp:Repeater ID="reGroup" runat="server" 
        onitemdatabound="reGroup_ItemDataBound"></asp:Repeater>
        
        
    </form>
    <%--<a id="various3" href="http://ii-online.com.vn">Iframe</a>--%>
    <asp:HyperLink ID="various3" runat="server" NavigateUrl="~/DetailProduct.aspx?id=10" >Product Details</asp:HyperLink>
    
</body>
</html>
